$theme-color:#7b78f2;

//@media screen and (min-width:320px) and (max-width:374px) and (orientation:portrait) {
//  html { font-size: 73%; }
//}
@media screen and (min-width:320px) and (max-width:383px) and (orientation:portrait) {
  html { font-size: 73%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
  html { font-size: 75%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
  html { font-size: 78%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
  html { font-size: 80%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
  html { font-size: 84%; }
}
@function px2rem($px, $base-font-size: 24px) {
  @return ($px / $base-font-size) * 1rem;
}
